/* 老师注册首页 */
@font-face {
  font-family: 'iconfont';  /* project id 467100 */
  src: url('//at.alicdn.com/t/font_467100_cf0w5m0xnzs.eot');
  src: url('//at.alicdn.com/t/font_467100_cf0w5m0xnzs.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_467100_cf0w5m0xnzs.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_467100_cf0w5m0xnzs.woff') format('woff'),
  url('//at.alicdn.com/t/font_467100_cf0w5m0xnzs.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_467100_cf0w5m0xnzs.svg#iconfont') format('svg');
}
.iconfont,.iconAft:after,.iconBefore:before {
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;}
.reg {
  padding-bottom: 1.88rem;}
.reg .logo{
  width: 5.59rem;
}
.reg input {
  -webkit-appearance:none;
  border-radius:0;
}
.regMain {
  padding: 0 0.3rem;
  margin-top: 0.3rem;
}
.regBan {
  position: relative;
}
.regBan img {
  position: relative;
  z-index: 1;
}
.regBanDetail {
  position: absolute;
}
.regBanDetail header {
  font-size: 0.48rem;
  text-align: center;
}
.regBanDetail p{ margin-top: 0.3rem;}
.regForm {
  padding: 0.3rem 0;
  box-sizing: border-box;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.2rem 0.2rem;
}
.regForm .form_list li {
  overflow: visible;
}
.regForm .form_list li .input {
  font-size: 0.28rem;
  color: #242424;
}
.regTel {
  display: flex;
}
/* .input.reg-tCode {
  width: 1.94rem;

} */
.regTel-tcodeWrap {
  position: relative;
  /* width: 1.94rem; */
  width: 2rem;
}
.regTel-tcodeWrap .iconfont {
  position: absolute;
  color: #000;
  top: 0.3rem;
  right: 0.2rem;
}
.form_list li .input.reg-tCode {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.form_list li .input.reg-phone {
  flex-grow: 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.regPhoneWrap {
  flex-grow: 1;
}
.reg-details {
  font-size: 0.3rem;
  color: #242424;
  /* text-align: justify; */
}
.rgd-head { margin: 0.9rem 0 0.2rem; text-align: center;}
.rgd-head p { line-height: 0.42rem;}
.rgd-head h3 { line-height: 0.8rem; font-size: 0.44rem;}
.rgd-detail-tit { font-size: 0.34rem; text-align: center; margin-top: 0.5rem;}
.rd-list {
  padding: 0.22rem 0;
  line-height: 0.36rem;
}
.rd-list li {
  position: relative;
  padding-left: 0.26rem;
  margin-top: 0.25rem;
}
.rd-list li:before {
  position: absolute;
  left: 0;
  top: 0.14rem;
  content: '';
  display:block;
  /* width: 0.08rem;
  height: 0.08rem; */
  width: 5px;
  height: 5px;
  background: #242424;
  border-radius: 100%;
}

.rgd-offering {
  background: #f7f7f7;
  margin: 0.2rem -0.3rem 0;
  padding: 0.88rem 0.3rem 0.92rem;
}
.rgd-offering .rgd-detail-tit { margin-top: 0; line-height: 0.6rem; font-size: 0.44rem;}
.rgd-offering .rd-list { margin-top: 0.1rem;}

.regContact {
  display: flex;
  align-items: center;
  padding: 1.08rem 0;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.regContact-l {
  width: 2.82rem;
  height: 2.82rem;
  margin-right: 0.5rem;
}
.regContact-l img {
  width: 2.82rem;
  height: 2.82rem;
  border-radius: 0.1rem;
  box-shadow: 0px 0.08rem 0.4rem 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.regContact-r {
  flex-grow: 1;
}
.regContact-mail { margin: 0.24rem 0 0.1rem 0;}
.regContact-r strong { font-weight: bold;}
.regContact-r .call {
  color:#242424;
}

.reg-fixBottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0.3rem 1rem;
}

/*老师注册详情页*/
.regTip {
  background: #f7f7f7;
  padding: 0.45rem 0.3rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
}
.myRegForm {
  /*padding: 0.45rem 0.3rem 0;*/
  font-size: 0.28rem;
  color: #242424;
}
.regForm-item {
  display: flex;
  padding: 0.2rem 0;
  align-items: center;
  line-height: 0.28rem;
  margin-top: 0.1rem;
}
.rf-item-label {
  width: 1.9rem;
  font-weight: bold;
  line-height: 0.36rem;
  flex-shrink: 0;
  font-size: 0.28rem;
}
.rf-item-label dfn {
  color: #fe6941;
  font-size: 0.28rem;
  
}
.rf-item-radioGroup {
  flex-grow: 1;
  display: flex;
}
.radio-item {
  margin-right: 0.6rem;
}
.radio-item input { display: none;}

.radio-item label {
  display: flex;
  align-items: center;

}
.radio-item label:before {
  /* position: absolute; */
  content: '';
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #ececec;
  margin-right: 0.3rem;
}
.radio-item input:checked + label:before {
  border: 0.12rem solid #fe8220;
}
.labTop {
  flex-wrap:wrap;
}
.labTop .rf-item-label {
  width:100%;
  margin-bottom: 0.2rem;
}
.labLeft .rf-item-select {
  flex-grow: 1;
}
.rf-item-select {
  position: relative;
  width: 100%;
}
.likeSelect {
  display: flex;
  width: 100%;
  padding: 0 0.22rem;
  box-sizing: border-box;
  height: 0.86rem;
  line-height: 0.86rem;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
}
.rf-item-select:after {
  content: '\e666';
  font-size: 0.4rem;
}
.grow1 { flex-grow: 1;}

.regSelect {
  background: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;

  width: 100%;
  padding: 0 0.4rem;
  border-radius: 4px;
  height: 0.88rem;
  line-height: 0.88rem;
  outline: none;
  overflow: hidden;
  border-color: #ebebeb;
  font-size: 0.28rem;
  color: #242424;
}
.rf-item-select:after {
  position: absolute;
  top: 0.34rem;
  right: 0.22rem;
  color: #242424;
}
.rf-item-input {
  flex-grow: 1;
}

.rf-item-input input {
  padding: 0 0.22rem;
  box-sizing: border-box;
  height: 0.86rem;
  line-height: 0.86rem;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  width: 100%;
  outline:medium;
  font-size: 0.28rem;
}
.myRegForm .btn {
  margin-top: 0.5rem;
}
.reg .page_all {
  position: relative;
  z-index: 2;
  padding-bottom: 0;
}


/*regSuccess*/
.regSuccess {
  padding-top: 0.45rem;
/*padding: 0.45rem 0.3rem 0;*/
}
.regSuc-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.34rem;
  text-align: center;
}
.regSuc-tit:before {
  content: '\e631';
  color: #fe8220;
  font-size: 0.45rem;
  padding-right: 0.1rem;
}
.regSuccess-info {
  margin-top: 0.4rem;
  font-size: 0.26rem;
  line-height: 0.34rem;
  text-align: center;
  color: #242424;
}

/*Your Availability*/
.fullPage {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.fullPage-header {
  display: flex;
  height: 0.84rem;
  align-items: center;
  color: #242424;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  padding:0 0.3rem 0 0.1rem;
  flex-shrink: 0;
}
.fullPage-header.confirmHeader {
  padding: 0;
}
.fullPage-header .icon-close,.fullPage-header .icon-back {
  padding: 0.2rem;
}
.icon-close:before {
  content: '\e629';
  font-size: 0.4rem;
  width: 0.3rem;
}
.icon-back:before {
  content: '\e615';
  font-size: 0.4rem;
  width: 0.3rem;
}
.fullPage-header:after {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  content: '';
}
.fullPage-header h3 {
  flex-grow: 1;
  text-align: center;
  font-size: 0.34rem;

}
.fullPage-detail {
  padding:0 0.3rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  flex-grow: 1;
  -webkit-overflow-scrolling:touch;
}
.alertShow{
  overflow:hidden; position: fixed; height: 100%;
}
.alertBox {
  display: none;}
.alertShow .alertBox {
  display: flex;
}
/*选时间*/
.calendar {
  margin-top: 0.35rem;
}
.calendar-am {
  height: 2.46rem;
  margin-top: 0.85rem;
  /*line-height: 3.4rem;*/
}
.calendar-pm {
  flex-grow: 1;
  display: flex;
  align-items: center;
  background-color: #e0e0e0;
  /*justify-content: ;*/
}
.calendar-tip {
  font-size: 0.3rem;
  line-height: 0.4rem;
}
.calendar-box {
  display: flex;
  margin-top: 0.15rem;
}
.calendar-l {
  background: #ebebeb;
  font-size: 0.18rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.calendar-l span {
  /*height: 0.85rem;*/
  /*margin-top: 0.85rem;*/
  /*line-height: 0.85rem;*/
  display: flex;
  padding: 0 0.1rem;
  align-items: center;
}
.calendar-r {
  flex-grow: 1;
}
.item-th {
  background: #ebebeb;
}
.calendar-timer.calendar-item {
  width: 1.56rem;
  font-size: 0.16rem;
  flex-grow: 1;
  flex-shrink: 0;
}
.calendar-row {
  display: flex;
  justify-content: center;
}
.calendar-item {
  height: 0.85rem;
  line-height: 0.8rem;
  /*flex-grow: 1;*/
  text-align: center;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.7rem;

}
.calendar-box input[type='checkbox'] {
  border: none;
  width: 100%;
  height: 100%;
  -webkit-appearance:none;
  background: #fff;
  margin: 0;
  outline: none;
  outline: medium;
}
.calendar-box input[type='checkbox']:checked {
  background-color: #fe8220;
}
.item-th.calendar-timer { }
.calendar .btn {
  margin-top: 0.8rem;
}

.regStep1 {
  padding-bottom: 0.3rem;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.bounce-enter-active {
  animation: slideInRight .5s;
}
.bounce-leave-active {
  animation: slideInRight .5s reverse;
}
.bounceIn-enter-active {
  animation: bounceIn .3s;
}
.bounceIn-leave-active {
  animation: bounceIn .3s reverse;
}

@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  /*50% {*/
    /*opacity: 1;*/
    /*-webkit-transform: scale(1.05);*/
    /*-ms-transform: scale(1.05);*/
    /*transform: scale(1.05);*/
  /*}*/
  /*70% {*/
    /*-webkit-transform: scale(.9);*/
    /*-ms-transform: scale(.9);*/
    /*transform: scale(.9);*/
  /*}*/
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*验证样式*/
.group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.rf-item-error {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 0.04rem;
  color: red;
  display: none;
}
.error .rf-item-error {
  display: block;
}
.error .regSelect,.error .likeSelect, .error input  {
  border-color: red;
}
.noWarp {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 0.4rem;
}
.flex-whitespace {
  width: 0;
  /*解决flex 下文字不换行溢出*/
}

/*区号选择*/
.territoryCode {
  padding: 0.3rem 0.3rem 0;
  color: #353a3f;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-family: Ubuntu,Arial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
}
.dsFlex {
  display: flex;
  align-items: center;
}

.tCode-head {
  position: fixed;
  top: 0;
  background: #fff;
  width: calc(100% - .6rem);
  padding-bottom: .3rem;
  font-size: 0.4rem;
  /*margin-top: 0.3rem;*/
}
.tCode-tit {
  margin-top: 0.36rem;
  font-weight: 700;
  justify-content: space-between;
  font-size: .4rem;
}
.tCode-select {margin-top: .46rem;}
.tCode-select input {
  height: .98rem;
  width: 100%;
  border-radius: .06rem;
  border: .02rem solid #dde0e0;
  font-size: 0.36rem;
  padding-left: 0.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.countryCode {
  padding-top: 2rem;
  font-size: 0.36rem;
  line-height: 0.36rem;
}
.countryCode li{
  /*margin-top: .58rem;*/
  padding: 0.29rem 0;
}
.countryCode li.line {
  height: 1px;
  background-color: #ddd;
  overflow: hidden;
  width: 100%;
  margin: .29rem 0;
  padding: 0;
}
.calendarSidle span:after {
  display: inline-block;
  content: '';
  width: 0;
  height: 0.3rem;
  border-right: 1px solid #333;
  margin: 0 0.2rem 0 0.15rem;
  position: relative;
  top: 0.05rem;
}
.calendarSidle span:last-child:after {
  display: none;
}
.transition {
  display: none;}

.textarea-fDet {
  width: 100%;
  height: 1.3rem;
  padding-top: 0.1rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  -webkit-appearance:none;
}
.fDetDesc {
  margin-top: 0.25rem;
}
.confirmBtn {
  margin: 0.2rem 0 0.4rem;
}
